import styled from 'styled-components'

export const NewAlbumItemWrapper = styled.div`
  .item {
    width: 118px;
    height: 150px;
    display: flex;
    flex-direction: column;
    margin-left: 11px;
    font-size: 12px;
    /* background-color: red; */
    .image_wrapper {
      width: 100px;
      height: 100px;
      margin-bottom: 7px;
      position: relative;
      .image {
        width: 100%;
        height: 100px;
      }

      .cover {
        width: 118px;
        height: 100px;
        position: absolute;
        left: 0;
        top: 0;
        background-position: 0 -570px;
        text-indent: -9999px;
      }
    }

    .nowrap {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
`
